<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<link rel="icon"
	href="<%=request.getContextPath()%>/static/common/img/favicon.ico"
	type="image/x-icon" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/static/common/plugin/bootstrap-3.3.5/css/bootstrap.min.css">
<%-- <link rel="stylesheet" href="<%=request.getContextPath() %>/static/common/plugin/nice-validator-1.0.7/dist/jquery.validator.css"> --%>
<c:set var="ctx" value="<%=request.getContextPath()%>" />
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<script
	src="<%=request.getContextPath()%>/static/common/plugin/jquery.min.js"></script>
<script
	src="<%=request.getContextPath()%>/static/common/plugin/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script
	src="<%=request.getContextPath()%>/static/common/plugin/layer/layer.js"></script>
<script
	src="<%=request.getContextPath()%>/static/common/plugin/nice-validator-1.0.7/dist/jquery.validator.min.js"></script>
<script
	src="<%=request.getContextPath()%>/static/common/plugin/nice-validator-1.0.7/dist/local/zh-CN.js"></script>
<script
	src="<%=request.getContextPath()%>/static/common/plugin/my97datapicker/WdatePicker.js"></script>
<script
	src="<%=request.getContextPath()%>/static/common/plugin/my97datapicker/lang/zh-cn.js"></script>
<style>
#suspend {
	position: fixed;
	bottom: 20px;
	right: 20px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 0;
	z-index: 99999;
}

#suspend a:hover {
	background: #00C3B6;
}

#suspend a i {
	margin-top: 10px;
}

#suspend a {
	background-color: rgba(0, 0, 0, 0.75);
	color: #FFF;
	font-size: 20px;
	width: 40px;
	height: 40px;
	text-align: center;
	display: block;
	border-radius: 2px;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-decoration: none;
	bottom: 20px;
	opacity: 1;
}

a {
	color: #555;
	text-decoration: none;
}
</style>
<script>
	window.onscroll = function() {
		var suspend = document.getElementById('suspend');
		var scrollTop = document.documentElement.scrollTop
				|| document.body.scrollTop;
		if (scrollTop >= 100) {
			suspend.style.bottom = 20 + "px";
			suspend.style.opacity = "1";
		} else {
			suspend.style.bottom = -60 + "px";
			suspend.style.opacity = "0";
		}
	}

	$(function() {
		$("#backtop").click(function() {
			$('body,html').animate({
				scrollTop : 0
			}, 500);
			return false;
		});
	})
</script>